<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>WebdeskUI.首页</title>
    <link rel="stylesheet" type="text/css" href="Utilities/WebDesk/Fonts/icon.css" />
    <link rel="stylesheet" type="text/css" href="Styles/index.css" />
</head>
<body>
    <header>
        <div>
            <div class="title"><icon>&#xa010</icon>WebdeskUI</div>
            <a target="_blank"
                href="//shang.qq.com/wpa/qunwpa?idkey=766ec248e65a3c25a090fc112eaf8319a8f0bd8e4a5d8e51f202af385f809ad9"><img
                    border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="WebdeskUI交流" title="WebdeskUI交流"
                    style="margin-top:10px;" /></a>
            <a href="https://gitee.com/weishakeji/WebdeskUI/blob/master/LICENSE" target="_blank"><svg height="16"
                    viewBox="0 0 14 16" version="1.1" width="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                        d="M7 4c-.83 0-1.5-.67-1.5-1.5S6.17 1 7 1s1.5.67 1.5 1.5S7.83 4 7 4zm7 6c0 1.11-.89 2-2 2h-1c-1.11 0-2-.89-2-2l2-4h-1c-.55 0-1-.45-1-1H8v8c.42 0 1 .45 1 1h1c.42 0 1 .45 1 1H3c0-.55.58-1 1-1h1c0-.55.58-1 1-1h.03L6 5H5c0 .55-.45 1-1 1H3l2 4c0 1.11-.89 2-2 2H2c-1.11 0-2-.89-2-2l2-4H1V5h3c0-.55.45-1 1-1h4c.55 0 1 .45 1 1h3v1h-1l2 4zM2.5 7L1 10h3L2.5 7zM13 10l-1.5-3-1.5 3h3z">
                    </path>
                </svg>MIT开源协议</a>

        </div>
    </header>
    <div class="intro">
        <p style="color: red;">写于2020年春节新冠病毒流行期间，余毒尚存，谨慎使用！</p>
    </div>
    <div class="abovearea">
        <section>

            <p>WebdeskUI，这个名字是我随便取的，可能会和别人重名吧。仓促写起，堆砌而成，懒得起名了。</p>
            <p>原本没有打算自己写UI，毕竟开源且免费的UI库太多了，不过没有找到满足我需求的。有钟意的但人家不免费。
                考虑到产品开发和应用，不希望将来在版权上受制于人，春节疫情封控期间用了十天左右完成。
                不过由于精力有限，我只写了一些主要的控件。
            </p>
            <p>其实我的需求并不复杂——我只是不希望我的B/S架构的管理系统看起来像个网页！</p>

        </section>
        <section>
            <a id="adminbtn" href="Admin/Index.html">
                后台管理模板
            </a>
            <div>
                <a href="https://gitee.com/weishakeji/WebdeskUI" target="_blank"><svg t="1689319627254" class="icon"
                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1455"
                        xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18">
                        <path
                            d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z"
                            fill="#C71D23" p-id="1456"></path>
                    </svg>Gitee 代码库</a>
            </div>
            <div>
                <a href="https://github.com/weishakeji/WebdeskUI" target="_blank"><svg
                        class="octicon octicon-mark-github v-align-middle" height="16" viewBox="0 0 16 16" version="1.1"
                        width="16" aria-hidden="true">
                        <path fill-rule="evenodd"
                            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z">
                        </path>
                    </svg>Github 代码库</a>
            </div>
            <div class="divider">
                <span>主打产品</span>
            </div>
            <div class="product">
                <a href="https://gitee.com/weishakeji/LearningSystem" target="_blank">
                    <icon>&#xa001</icon>在线学习考试系统</a>
                    <span>
                        视频学习+在线考试+题库+直播
                    </span>
            </div>
        </section>
    </div>

    <div class="area">
        <span>主要控件</span>
    </div>
    <div class="items">
        <dl href="Ctrls/pagebox.html">
            <dt icon='&#xa017' name='pagebox'>仿Windows窗体</dt>
            <dd>可拖放，可缩放，模拟桌面窗体</dd>
            <dd>父子窗体可互动</dd>
            <dd>事件多播，可添加可移除</dd>
            <dd>属性监听，双向绑定</dd>
        </dl>
        <dl href="Ctrls/tabs.html">
            <dt icon='&#xa018' name='tabs'>选项卡</dt>
            <dd>选项卡无限增加</dd>
            <dd>鼠标滚轴切换选项卡</dd>
            <dd>支持鼠标右键关闭</dd>
            <dd>可全屏操作</dd>
        </dl>
        <dl href="Ctrls/treemenu.html">
            <dt icon='&#xa009' name='treemenu'>树形菜单</dt>
            <dd>无限级菜单项</dd>
            <dd>可折叠、可自定义节点样式</dd>
            <dd>事件自定义</dd>
        </dl>
        <dl href="Ctrls/dropmenu.html">
            <dt icon='&#xa005' name='dropmenu'>下拉菜单</dt>
            <dd>无限级菜单下拉</dd>
            <dd>可折叠、可自定义节点样式</dd>
            <dd>事件自定义</dd>
            <dd>数据源双向绑定</dd>
        </dl>
    </div>
    <div class="items" style="text-align: left;margin: 0px auto 0px auto;">
        其它控件：<a href='Ctrls/verticalbar.html' target="_blank">竖形工具条</a>&nbsp;<a href='Ctrls/timer.html'
            target="_blank">时间显示</a>&nbsp;<a href='Ctrls/login.html' target="_blank">登录</a>
    </div>
    <div class="footer">
        <p class="company"> <a href="http://www.weishakeji.net" target="_blank" title="微厦科技，专注在线教育系统开发！">郑州微厦计算机科技有限公司
            </a></p>
        <div>
            <a href="http://www.weishakeji.net" target="_blank" title="微厦科技，专注在线教育系统开发！">Poweredby
                Weishakeji.net</a>
        </div>
        <a href="http://www.miibeian.gov.cn" target="_blank">豫ICP备14012443号-3</a>
    </div>
    <script type="text/javascript">
        var nodes = document.querySelectorAll(".items dl");
        for (var i = 0; i < nodes.length; i++) {
            nodes[i].addEventListener('click', function (event) {
                var node = event.target ? event.target : event.srcElement;
                while (node.nodeName != 'DL') node = node.parentNode;
                var href = node.getAttribute('href');
                if (href != '' && href != null)
                    document.location.href = href;
            }, true);
        }

    </script>
</body>

</html>